// 主题色变量
$primary-color: #f34087;
$secondary-color: #e274aa;
$text-color: #404040;
$text-color-light: #666666;
$border-color: #e8ecf1;
$background-color: #ffffff;

// 主题混合器
@mixin theme-button {
  background: $primary-color;
  color: $background-color;
  border-radius: 10px;
  transition: all 0.3s;

  &:hover {
    background: darken($primary-color, 5%);
  }
}

// 暗色主题
.theme-dark {
  --primary-color: #f34087;
  --secondary-color: #e274aa;
  --text-color: #ffffff;
  --text-color-light: #cccccc;
  --border-color: #4a4a4a;
  --background-color: #1a1a1a;
}

// 亮色主题
.theme-light {
  --primary-color: #f34087;
  --secondary-color: #e274aa; 
  --text-color: #404040;
  --text-color-light: #666666;
  --border-color: #e8ecf1;
  --background-color: #ffffff;
} 